<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>看板娘</title>
</head>
<style>
    * {
        padding: 0;
        margin: 0
    }

    iframe {
        display: block;
        height: 350px;
        width: 300px;
    }
    p{
        text-align: center;
        font-size: 16px;
        margin-top: 10px;
    }
    ul{
        font-size: 0;
        width: 960px;
        margin: 20px auto;
    }
    li{list-style: none;display: inline-block;padding: 10px;}
</style>

<body>
<ul>
    <li>
        <iframe src="1-shizuku.html" frameborder="0"></iframe>
        <p>1号-shizuku</p>
    </li>
    <li>
        <iframe src="2-haruto.html" frameborder="0"></iframe>
        <p>2号-haruto</p>
    </li>
    <li>
        <iframe src="3-izumi.html" frameborder="0"></iframe>
        <p>3号-izumi</p>
    </li>
    <li>
        <iframe src="4-miku.html" frameborder="0"></iframe>
        <p>4号-miku</p>
    </li>
    <li>
        <iframe src="5-wanko.html" frameborder="0"></iframe>
        <p>5号-wanko</p>
    </li>
    <li>
        <iframe src="6-koharu.html" frameborder="0"></iframe>
        <p>6号-koharu</p>
    </li>
    <li>
        <iframe src="7-tororo.html" frameborder="0"></iframe>
        <p>7号-tororo</p>
    </li>
    <li>
        <iframe src="8-unitychan.html" frameborder="0"></iframe>
        <p>8号-unitychan</p>
    </li>
</ul>
</body>
</html>